<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<style type="text/css">
			body {


				min-width: 500px;

				background-image: url(./img/5.png);

				font-size: 14px;
			}

			#main {
				width: 360px;
				height: 320px;
				background: #fff;
				border: 1px solid #ddd;
				position: absolute;
				top: 50%;
				left: 50%;
				margin-left: -180px;
				margin-top: -160px;
				background-size: cover;
				background-image: url(./img/3.gif);
			}

			#main .title {
				height: 48px;
				line-height: 48px;
				color: #333;
				font-size: 16px;
				font-weight: bold;
				text-indent: 30px;
				border-bottom: 1px dashed #eee;

			}

			#main form {
				width: 300px;
				margin: 20px 0 0 40px;
			}

			#main form label {
				margin: 20px 0 0 40px;
				display: block;
			}

			#main form label input.text {
				width: 200px;
				height: 25px;
			}

			#main form label input.submit {
				width: 200px;
				display: block;
				height: 35px;
				cursor: pointer;
				margin: 20px 0 0 2px;
			}

			error_reporting(0);
		</style>
	</head>
	<body>
		<div id="main">
			<div class="title">欢迎使用，请登录</div>
			<form action="logindeal.php" method="post" onsubmit="return check(this)">
				<label><input class="text" type="text" placeholder="用户名" name="username" /></label>
				<label><input class="text" type="password" placeholder="密码" name="password" /></label>

				<label><input class="submit" type="submit" name="submit" value="登录" /></label>
				<div align="center"><a href="register.html">返回首页</a><br /><a href="index.html">没有账号，先注册</a>
				</div>
			</form>
		</div>
		<script type="text/javascript">
			function check(form) {
				if (form.username.value == '') {
					alert("用户名为空，请重新输入!");
					form.username.focus();
					return false;
				}
				if (form.password.value == '') {
					alert("密码为空，请重新输入！");
					form.password.focus();
					return false;
				}
				return true;
			}
		</script>
	</body>
</html>
